/*
 * Ext JS Library 1.1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://www.extjs.com/license
 */

/* Grid2 styles */
.x-grid {
  position: relative;
  overflow: hidden;
  background-color: #fff;
}

.x-grid-scroller {
  overflow: auto;
}

.x-grid-viewport, .x-grid-locked {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  overflow: hidden;
  visibility: hidden;
}

.x-grid-cell-inner, .x-grid-hd-inner {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.x-grid-hd-row td, .x-grid-row td {
  font: normal 11px arial, tahoma, helvetica, sans-serif;
  line-height: 13px;
  white-space: nowrap;
  vertical-align: top;
  -moz-outline: none;
  -moz-user-focus: normal;
}

.x-grid-hd-row td {
  line-height: 14px;
}

.x-grid-col {
  border-right: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

/* Locked styles */

.x-grid-locked .x-grid-body td {
  background-color: #FBFDFF;
  border-right: 1px solid #deecfd;
  border-bottom: 1px solid #deecfd !important;
}

.x-grid-locked .x-grid-body td .x-grid-cell-inner {
  border-top: 0 none;
}

.x-grid-locked .x-grid-row-alt td {
  background-color: #F5FAFE;
}

.x-grid-locked .x-grid-header table {
  border-right: 1px solid transparent;
}

.x-grid-locked .x-grid-body table {
  border-right: 1px solid #c3daf9;
}

.x-grid-locked .x-grid-body td .x-grid-cell-inner {

}

.x-grid-row {
  cursor: default;
}

.x-grid-row-alt {
  background-color: #f1f1f1;
}

.x-grid-row-over td {
  background-color: #d9e8fb;
}

.x-grid-resize-proxy {
  width: 3px;
  background-color: #cccccc;
  cursor: e-resize;
  cursor: col-resize;
  position: absolute;
  top: 0;
  height: 100px;
  overflow: hidden;
  visibility: hidden;
  border: 0 none;
  z-index: 7;
}

.x-grid-focus {
  position: absolute;
  top: 0;
  -moz-outline: 0 none;
  outline: 0 none;
  -moz-user-select: normal;
  -khtml-user-select: normal;
}

/* header styles */
.x-grid-header {
  background: #ebeadb url( ../images/default/grid/grid-hrow.gif ) repeat-x;
  overflow: hidden;
  position: relative;
  cursor: default;
  width: 100%;
}

.x-grid-hd-row {
  height: 22px;
}

.x-grid-hd {
  padding-right: 1px;
}

.x-grid-hd-over .x-grid-hd-inner {
  border-bottom: 1px solid #c3daf9;
}

.x-grid-hd-over .x-grid-hd-text {
  background: #fafafa url( ../images/default/grid/grid-hrow.gif ) repeat-x 0 1px;
  padding-bottom: 1px;
  border-bottom: 1px solid #b3cae9;
}

.x-grid-sort-icon {
  background-repeat: no-repeat;
  display: none;
  height: 4px;
  width: 13px;
  margin-left: 3px;
  vertical-align: middle;
}

.x-grid-header .sort-asc .x-grid-sort-icon {
  background-image: url( ../images/default/grid/sort_asc.gif );
  display: inline;
}

.x-grid-header .sort-desc .x-grid-sort-icon {
  background-image: url( ../images/default/grid/sort_desc.gif );
  display: inline;
}

/* Body Styles */
.x-grid-body {
  overflow: hidden;
  position: relative;
  width: 100%;
  zoom: 1;
}

.x-grid-cell-text, .x-grid-hd-text {
  display: block;
  padding: 3px 5px 3px 5px;
  -moz-user-select: none;
  -khtml-user-select: none;
  color: black;
}

.x-grid-hd-text {
  padding-top: 4px;
}

.x-grid-split {
  background-image: url( ../images/default/grid/grid-split.gif );
  background-position: center;
  background-repeat: no-repeat;
  cursor: e-resize;
  cursor: col-resize;
  display: block;
  font-size: 1px;
  height: 16px;
  overflow: hidden;
  position: absolute;
  top: 2px;
  width: 6px;
  z-index: 3;
}

.x-grid-hd-text {
  color: #15428b;
}

/* Column Reorder DD */
.x-dd-drag-proxy .x-grid-hd-inner {
  background: #ebeadb url( ../images/default/grid/grid-hrow.gif ) repeat-x;
  height: 22px;
  width: 120px;
}

.col-move-top, .col-move-bottom {
  width: 9px;
  height: 9px;
  position: absolute;
  top: 0;
  line-height: 1px;
  font-size: 1px;
  overflow: hidden;
  visibility: hidden;
  z-index: 20000;
}

.col-move-top {
  background: transparent url( ../images/default/grid/col-move-top.gif ) no-repeat left top;
}

.col-move-bottom {
  background: transparent url( ../images/default/grid/col-move-bottom.gif ) no-repeat left top;
}

/* Selection Styles */
.x-grid-row-selected td, .x-grid-locked .x-grid-row-selected td {
  background-color: #316ac5 !important;
  color: white;
}

.x-grid-row-selected span, .x-grid-row-selected b, .x-grid-row-selected div, .x-grid-row-selected strong, .x-grid-row-selected i {
  color: white !important;
}

.x-grid-row-selected .x-grid-cell-text {
  color: white;
}

.x-grid-cell-selected {
  background-color: #316ac5 !important;
  color: white;
}

.x-grid-cell-selected span {
  color: white !important;
}

.x-grid-cell-selected .x-grid-cell-text {
  color: white;
}

.x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker {
  background: #ebeadb url( ../images/default/grid/grid-hrow.gif ) repeat-x 0 bottom !important;
  vertical-align: middle !important;
  color: black;
  padding: 0;
  border-top: 1px solid white;
  border-bottom: none !important;
  border-right: 1px solid #6fa0df !important;
  text-align: center;
}

.x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div {
  padding: 0 4px;
  color: #15428b !important;
  text-align: center;
}

/* dirty cells */
.x-grid-dirty-cell {
  background: transparent url( ../images/default/grid/dirty.gif ) no-repeat 0 0;
}

.x-grid-row-alt .x-grid-dirty-cell {
  background-color: #f1f1f1;
}

/* Grid Toolbars */
.x-grid-topbar, .x-grid-bottombar {
  font: normal 11px arial, tahoma, helvetica, sans-serif;
  overflow: hidden;
  display: none;
  zoom: 1;
  position: relative;
}

.x-grid-topbar .x-toolbar {
  border-right: 0 none;
}

.x-grid-bottombar .x-toolbar {
  border-right: 0 none;
  border-bottom: 0 none;
  border-top: 1px solid #a9bfd3;
}

/* Props Grid Styles */
.x-props-grid .x-grid-cell-selected .x-grid-cell-text {
  background-color: #316ac5 !important;
}

.x-props-grid .x-grid-col-value .x-grid-cell-text {
  background-color: white;
}

.x-props-grid .x-grid-col-name {
  background-color: #c3daf9;
}

.x-props-grid .x-grid-col-name .x-grid-cell-text {
  background-color: white;
  margin-left: 10px;
}

.x-props-grid .x-grid-split-value {
  visibility: hidden;
}

/* header menu */
.xg-hmenu-sort-asc .x-menu-item-icon {
  background-image: url( ../images/default/grid/hmenu-asc.gif );
}

.xg-hmenu-sort-desc .x-menu-item-icon {
  background-image: url( ../images/default/grid/hmenu-desc.gif );
}

.xg-hmenu-lock .x-menu-item-icon {
  background-image: url( ../images/default/grid/hmenu-lock.gif );
}

.xg-hmenu-unlock .x-menu-item-icon {
  background-image: url( ../images/default/grid/hmenu-unlock.gif );
}

/* dd */
.x-dd-drag-ghost .x-grid-dd-wrap {
  padding: 1px 3px 3px 1px;
}